<?php 
session_destroy(); 

if($_POST['verify'] and $_POST['verify'] == 'verify'){
	require_once('../core/libreria.php');
	$username = $_POST['username'];
	$password = $_POST['password'];
	$verificarUsuario = '';
	$verificarRol = '';
	
	$verificarUsuario = verificarUsuario($_POST['username'], $_POST['password']);
	
	if($verificarUsuario == 1){
		$verificarRol = verificarRol($username);
		cargarVariables($username);
		
		if($verificarRol == 1){		
			header('Location: ../core/index.php');
		}
	}
	
	//En caso de login NO exitoso
	$indicaciones = '';
	if($verificarRol == 0){
		$indicaciones = 'El usuario NO tiene asignado algún rol';		
	}
		
	// 0-a: No existe el usuario
	// 0-b: SI existe el usuario, pero NO con esa contraseña
	// 0-c: SI existe el usuario, pero con estado 0	
	switch ($verificarUsuario) {
		case '0-a':
			$indicaciones = 'No existe el usuario';	
			break;
		case '0-b':
			$indicaciones = 'Contraseña incorrecta';	
			break;
		case '0-c':
			$indicaciones = 'Usuario desabilitado';	
			break;			
	}
	
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <!-- title -->
        <?php require_once('../core/title.php'); ?> 
        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="Expand, contract, animate forms with jQuery wihtout leaving the page" />
        <meta name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"/>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/ChunkFive_400.font.js" type="text/javascript"></script>
		<script type="text/javascript">
			Cufon.replace('h1',{ textShadow: '1px 1px #fff'});
			Cufon.replace('h2',{ textShadow: '1px 1px #fff'});
			Cufon.replace('h3',{ textShadow: '1px 1px #000'});
			Cufon.replace('.back');
		</script>
        <script src="../js/jquery.js"></script>      
    </head>
    <body>
		<div class="wrapper">

			<div class="content" style="margin-top:10%">
				<div id="form_wrapper" class="form_wrapper">
					<form class="login active" action="" method="post" >
						<h3>Login</h3>
						<div>
							<label>Username:</label>
							<input id="username" name="username" type="text" value="" />
						</div>
						<div>
							<label>Password: <a href="forgot_password.html" rel="forgot_password" class="forgot linkform">Olvidó su password?</a></label>
							<input id="password" name="password" type="password" value="" />
						</div>
						<div class="bottom">
							<input id="redireccionar" type="submit" value="Login"></input>
							<div class="clear"></div>
						</div>
                        <input id="verify" name="verify" type="hidden" value="verify"></input>
					</form>
						<span class="informativo"><?php echo $indicaciones?></span>
					<form class="forgot_password">
						<h3>Recupere su password?</h3>
						<div>
							<label>Username o email:</label>
							<input type="text" />
							<span class="error">Error</span>
						</div>
						<div class="bottom">
							<input type="submit" value="Enviar"></input>
							<a href="index.html" rel="login" class="linkform">Regresar al login?</a>
							<div class="clear"></div>
						</div>
					</form>
			  </div>
				<div class="clear"></div>
		  </div>
			
	</div>
		

		<!-- The JavaScript -->
		<script type="text/javascript">
			$(function() {
					//the form wrapper (includes all forms)
					// forma envoltorio ( incluye todas las formas )
				var $form_wrapper	= $('#form_wrapper'),
					//the current form is the one with class active
					// la forma actual es el que tiene la clase activa
					$currentForm	= $form_wrapper.children('form.active'),
					//the change form links
					// los vínculos formulario de cambio
					$linkform		= $form_wrapper.find('.linkform');
						
				//get width and height of each form and store them for later					
				// obtener la anchura y la altura de cada forma y guardarlos para más tarde	
				$form_wrapper.children('form').each(function(i){
					var $theForm	= $(this);
					//solve the inline display none problem when using fadeIn fadeOut
					// resolver el problema ninguno visualización incorporada al utilizar fadeIn FadeOut
					if(!$theForm.hasClass('active'))
						$theForm.hide();
					$theForm.data({
						width	: $theForm.width(),
						height	: $theForm.height()
					});
				});
				
				//set width and height of wrapper (same of current form)
				// establecer la anchura y la altura de la envoltura (el mismo de forma actual )
				setWrapperWidth();
				
				/*
				clicking a link (change form event) in the form
				makes the current form hide.
				The wrapper animates its width and height to the 
				width and height of the new current form.
				After the animation, the new form is shown
				*/
				/*
				hacer clic en un enlace (cambiar de forma evento) en forma
				hace que la forma actual ocultar.
				La envoltura anima su anchura y la altura a la
				anchura y la altura de la nueva forma actual.
				Después de la animación , se muestra la nueva forma
				*/
				$linkform.bind('click',function(e){
					var $link	= $(this);
					var target	= $link.attr('rel');
					$currentForm.fadeOut(400,function(){
						//remove class active from current form
						// eliminar clase activa de forma actual
						$currentForm.removeClass('active');
						//new current form
						// nueva forma actual
						$currentForm= $form_wrapper.children('form.'+target);
						//animate the wrapper
						// animar el envoltorio
						$form_wrapper.stop()
									 .animate({
										width	: $currentForm.data('width') + 'px',
										height	: $currentForm.data('height') + 'px'
									 },500,function(){
										//new form gets class active
										// nueva forma consigue clase activa
										$currentForm.addClass('active');
										//show the new form
										// mostrar la nueva forma
										$currentForm.fadeIn(400);
									 });
					});
					e.preventDefault();
				});
				
				function setWrapperWidth(){
					$form_wrapper.css({
						width	: $currentForm.data('width') + 'px',
						height	: $currentForm.data('height') + 'px'
					});
				}
				
				/*
				for the demo we disabled the submit buttons
				if you submit the form, you need to check the 
				which form was submited, and give the class active 
				to the form you want to show
				*/
				/*
				para la demo desactivamos los botones de envío
				si usted envía el formulario , es necesario comprobar la
				que forma se Inscrito , y dar la clase activa
				a la forma que desea mostrar
				*/				
//				$form_wrapper.find('input[type="submit"]')
//							 .click(function(e){
//								e.preventDefault();
//							 });	
			});
        </script>
    </body>
</html>